import Vue from 'vue'
import VueRouter from 'vue-router'


Vue.use(VueRouter)

const routes = [
  {
    path:"/container",
    component:()=>import('@/views/ContainerIndex.vue'),
    name:'container'
  },
  {
    path:"/color",
    component:()=>import('@/views/ColorIndex.vue'),
    name:'color'
  },
  {
    path:"/icon",
    component:()=>import('@/views/IconIndex.vue'),
    name:'icon'
  },
  {
    path:"/button",
    component:()=>import('@/views/ButtonIndex.vue'),
    name:'button'
  },
  {
    path:"/form",
    component:()=>import('@/views/FormIndex.vue'),
    name:'form'
  },
  {
    path:"/table",
    component:()=>import('@/views/TableIndex.vue'),
    name:'table'
  }
]

const router = new VueRouter({
  routes
})

export default router
